<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./jquery-3.7.1.min.js"></script>
</head>
<body>
    <table border="1">
        <tr>
            <td>Row 1</td>
        </tr>
        <tr>
            <td>Row 2</td>
        </tr>
        <tr>
            <td>Row 3</td>
        </tr>
    </table>

    <script>
        //jquery选择器:first 选择第一个元素
        $('tr:first').css('background','lightblue')

        //jquery选择器:last 选择最后一个元素
        $('tr:last').css('background','lightgreen')

        //jquery选择器:gt(index) 选择索引大于index的元素
        $('tr:gt(1)').css('color','red')

        //jquery选择器:lt(index) 选择索引小于index的元素
        $('tr:lt(2)').css('color','blue')

    </script>
</body>
</html>